/**
 * 调用函数返回一段html代码
 */
function teacherLeftMenu(){
    return`<div class="row mt-4">
    <img style="width: 6rem; height: 6rem;" class="img-thumbnail rounded-circle mx-auto d-block" src="../豪豪.jpg"
      alt="头像">
  </div>
  <div class="row mt-3">
    <h3 class="text-center">豪豪校长</h3>
  </div>
  <div class=" mt-3 d-flex justify-content-around">
    <a href=" " class="btn btn-outline-primary rounded-pill btn-sm">账号管理</a>
    <a href="#" class="btn btn-outline-light rounded-pill btn-sm">输入邀请码</a>
  </div>
  <ul class="list-group mt-3">
    <li class="list-group-item border border-0">
      <a class="link-secondary" href="#">
        <i class="bi bi-mortarboard-fill"></i>学期教学</a>
    </li>
    <li class="list-group-item border border-0">
      <a class="link-secondary" href="teacher">
        <i class="bi bi-mortarboard-fill"></i>
        课程</a>
    </li>
    <li class="list-group-item border border-0">
      <a class="link-secondary" href="#">
        <i class="bi bi-mortarboard-fill"></i>
        教学</a>
    </li>
    <li class="list-group-item border border-0">
      <a class="link-secondary" href="/teacher/depart.html">
        <i class="bi bi-envelope-paper-fill"></i>
        系部管理</a>
    </li>
    <li class="list-group-item border border-0">
      <a class="link-secondary" href="/teacher/class.html">
        <i class="bi bi-people-fill"></i>
        班级管理
      </a>
    </li>
    <li class="list-group-item border border-0">
      <a class="link-secondary" href="#">
        <i class="bi bi-chat-dots-fill"></i>
        消息
      </a>
    </li>
    <li class="list-group-item border border-0">
      <a class="link-secondary" href="#">
        <i class="bi bi-download"></i>
        下载
      </a>
    </li>
  </ul>`;
}
let leftmenu = teacherLeftMenu();
//使用jQuery的DOM操作将html替换到左侧菜单栏中
$("#leftmenu").append($(leftmenu))